<!DOCTYPE html>
<!-- saved from url=(0071)http://data.auto.sina.cn/carlibrary/carinfo.php?vt=4&carid=24077&cxks=0 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="Cache-Control" content="no-cache">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="{$DataSelCar['title']}">
<meta name="description" content="汽车在线{$DataSelCar['classname']}栏目为您提供最新{$DataSelCar['title']}经销商、保养等信息。购车聊车就上绍兴在线！">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
      name="viewport" id="viewport">
<title>【{$DataSelCar['classname']}】{$DataSelCar['title']}_绍兴在线_汽车在线</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Car/wap_car_0815v4.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/ad-style.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Car/onhead.css">

<style>
    .tab3 {
        text-align: center;
    }
    .tab2 {
        font-family: Helvetica,Microsoft YaHei,Microsoft JhengHei;
        color: #333;
    }
    .ctit {
        font-size: 15px;
        text-align: left;
        background-color: #f8f8f8;
        padding-left: 5%;
        border-bottom: 3px solid #3392d5;
        line-height: 2.5em;
        margin-top: 4%;
        border-radius: 4px 4px 0 0;
    }
    .tab3 td {
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px 1px #fff;
        padding: 1% 1%;
    }

    .tab2 td {
        padding: 1%;
        font-size: 0.9em;
    }


</style>
</head>
<body>
<!-- header 初始 -->
<header>
    <div id="j_artcileMain" class="articleHead" data-sudaclick="header">
        <div class="mainNav">
            <a class="gIcon sinaLogo" href="{:U('Index/index')}"></a>
            <span class="navLine"></span>
            <a class="gIcon levelOne" href="{:U('Car/index')}">汽车</a>
            <a class="gIcon levelTwo" href="{:U('CarLibrary/carlib')}">车型库</a>
            <a class="gIcon levelTwo" href="{:U('CarLibrary/car',array('ClassID'=>$DataSelCar['classid'] ))}">{$DataSelCar['classname']}</a>
            <a href="http://news.sina.cn/?sa=t124d8889597v84&vt=4" class="gIcon navBtn">网站导航</a>
        </div>
    </div>
</header>

<div class="wrap">


<div class="wrap">
<!-- container -->
<div id="container" class="config-container">
<!--子品牌经销商-->
<div class="sub-brand">
<div class="config-top xj_module">

        <h2>{$DataSelCar['title']}</h2>
        <p class="car-detail-p">指导价：<em>{$DataSelCar['csprice']}万元</em></p>
        <p class="car-detail-p">市场价：<em class="red">{$DataSelCar['csprice']}万元</em></p>

        <a class="buy-btn">询价</a>

</div>
<!-- 二级导航 -->
<div class="config-nav2">
    <ul>
        <li <if condition="$Stype eq 'Car' ">class="current"</if> >
        <a href="{:U('CarLibrary/carInfo',array('ClassID'=>$DataSelCar['classid'],'CarID'=> $DataSelCar['id'],'Stype' => 'Car' ))}">参数</a></li>
        <li <if condition="$Stype neq 'Car' ">class="current"</if> >
        <a href="{:U('CarLibrary/carInfo',array('ClassID'=>$DataSelCar['classid'],'CarID'=> $DataSelCar['id'],'Stype' => 'Jxs' ))}">经销商报价</a></li>
    </ul>
</div>
<!--end 二级导航-->

<if condition="$Stype eq 'Car' ">

<!-- 参数部分 -->
<div class="parameter">
<div class="car-model">
    <h3 class="car-model-tit">车型</h3>
    <ul class="car-type-sel">
        <li>
            <em class="arrow"></em>
            <select name="carinfoleft" id="carinfoleft" onchange="carinfo(1)">
                <foreach name="DataCars" item="car">
                    <if condition="$car['id'] eq $DataSelCar['id'] ">
                        <option value="{$car['id']}" selected>{$car['title']}</option>
                        <else />
                        <option value="{$car['id']}">{$car['title']}</option>
                    </if>
                </foreach>
            </select>
        </li>

        <li>
            <em class="arrow"></em>
            <select name="carinforight" id="carinforight" onchange="carinfo(2)">
                <foreach name="DataCars" item="car">
                    <if condition="$key eq 2 ">
                        <option value="{$car['id']}" selected>{$car['title']}</option>
                        <else />
                        <option value="{$car['id']}">{$car['title']}</option>
                    </if>

                </foreach>
            </select>
        </li>
    </ul>
</div>
<div class="parameter-check">

</div>
<div class="all-parameter">
    <table id="compareTable" width="100%" class="tab2 tab3">
        <tbody>
        <!--下边始终显示-->
        <tr id="title"><th colspan="3" class="ctit">对比车型</th></tr>
        <tr>
            <td class="td_c" >生产厂家</td>
            <td num="1"></td>
            <td num="2"></td>

        </tr>
        <tr>
            <td class="td_c">年代款</td>
            <td num="1"></td>
            <td num="2"></td>

        </tr>
        <tr>
            <td class="td_c" >指导价</td>
            <td num="1"></td>
            <td num="2"></td>
        </tr>

        <assign name="ClassName" value="$DataCarTip[0]['ClassName']" />
        <if condition="$ClassName eq '基本' ">
            <assign name="c_kid" value="basic" />
        </if>
        <tr pid="p1" data-name="基本参数" id="basic" ><th class="ctit" colspan="3">基本参数</th></tr>
        <foreach name="DataCarTip" item="carTip">


            <assign name="Title" value="$carTip['Title']" />

            <if condition="$ClassName neq $carTip['ClassName'] ">
                <assign name="ClassName" value="$carTip['ClassName']" />

            <switch name="ClassName">
                <case value="基本"><assign name="c_kid" value="basic" /></case>
                <case value="车身"><assign name="c_kid" value="cbody" /></case>
                <case value="发动机"><assign name="c_kid" value="engine" /></case>
                <case value="电动机"><assign name="c_kid" value="dengine" /></case>
                <case value="变速箱"><assign name="c_kid" value="transmission" /></case>
                <case value="底盘转向"><assign name="c_kid" value="chassis" /></case>
                <case value="车轮制动"><assign name="c_kid" value="brakes" /></case>
                <case value="安全装备"><assign name="c_kid" value="safty" /></case>
                <case value="操控配置"><assign name="c_kid" value="operation" /></case>
                <case value="外部配置"><assign name="c_kid" value="outer" /></case>
                <case value="内部配置"><assign name="c_kid" value="inner" /></case>
                <case value="座椅配置"><assign name="c_kid" value="seats" /></case>
                <case value="多媒体配置"><assign name="c_kid" value="media" /></case>
                <case value="灯光配置"><assign name="c_kid" value="lights" /></case>
                <case value="玻璃/后视镜"><assign name="c_kid" value="glass" /></case>
                <case value="空调/冰箱"><assign name="c_kid" value="freeze" /></case>
                <case value="高科技配置"><assign name="c_kid" value="tech" /></case>
            </switch>

                <tr pid="p{$key}" data-name = "{$ClassName}" id="{$c_kid}"><th class="ctit" colspan="3">{$ClassName}</th></tr>
            </if>



            <tr pid="p{$kdy}"><td class="td_c">{$Title}</td><td num="1"></td><td num="2"></td></tr>

        </foreach>
        <!--上边始终显示-->
        </tbody>
    </table>
</div>
</div>
<!-- /参数部分 -->

<else />
    <div class="parameter">
        <if condition=" count ($DataJXS) lt 1 ">

            <div class="blank-content" >
                <div class="promit">
                    <span class="blank-icon"></span>
                    <span>暂无经销商！</span>
                </div>
            </div>

            <else/>

                <ul class="mu-agency-list">
                    <foreach name="DataJXS" item="JXS">
                        <li>
                            <div class="car-info clearfix">
                                <h3 class="car-name2 left"><em>{$JXS.company}</em></h3>
                            </div>
                            <p class="local-show">地址：<span>{$JXS.address}</span></p>

                            <p class="btn-wrap clearfix">
                                <a href="tel:{$JXS.saletel}" class="btn-tel"><i class="icon-tel">
                                </i>{$JXS.saletel}</a>
                                <a  class="btn-low">询最低价</a>
                            </p></li>
                    </foreach>
                </ul>

        </if>
    </div>
</if>

<!-- 经销商部分 -->

<!-- 经销商部分-->

</div>
<!-- /container -->
</div>
<include file="./APP/Tpl/Car/xjfrom.html"/>

<!-- footer -->
<include file="./APP/Tpl/Car/carfoot.html"/>
<!-- /footer -->

<script src="__PUBLIC__/js/zepto.min.js"></script>
<script src="__PUBLIC__/js/Car/Calculator/carpk.js"></script>

<div id="back_to_top" class="gotop_btn" data-sudaclick="backtop"></div>

<script type="text/javascript">

    function carinfo(t) {
        cid1 = $('#carinfoleft').val();
        cid2 = $('#carinforight').val();
        if (t == 1) {
            $.ajax({type: "POST",
                url: "/index.php?m=CarLibrary&a=carDetail&CarID="+cid1,
                dataType: "json",
                success: function (msg) {
                    handleCarInfo(msg, 1);
                }});
        }
        else {
            $.ajax({type: "POST",
                url: "/index.php?m=CarLibrary&a=carDetail&CarID="+cid2,
                dataType: "json",
                success: function (msg) {
                    handleCarInfo(msg, 2);
                }});
        }
    }

    (function ($) {

       var selCarId =  '{$DataSelCar["id"]}';
       var conCarId =  '{$DataCars[2]["id"]}';

       window.onload = function() {

            $.ajax({type: "POST",
                url: "/index.php?m=CarLibrary&a=carDetail&CarID="+selCarId,
                dataType: "json",
                success: function (msg) {
                    handleCarInfo(msg, 1);
                }});

            $.ajax({type: "POST",
                url: "/index.php?m=CarLibrary&a=carDetail&CarID="+conCarId,
                dataType: "json",
                success: function (msg) {
                    handleCarInfo(msg, 2);
                }});
        }

        $(window).scroll(function () {
            var top = $(window).scrollTop();
            var bHeight = $(document).height();
            var h = $(window).height();
            var pHeight = bHeight - h;
            if (top > 100) {
                if (top >= (pHeight - 120)) {
                    $("#back_to_top").hide();
                } else {
                    $("#back_to_top").show();
                }
            } else {
                $("#back_to_top").hide();
            }
        });
        //点击返回头部效果
        $("#back_to_top").click(function () {
            window.scrollTo(0, 0);
        });
    })(Zepto);
</script>
</div>
</div>
</body>
</html>